<template>
  <div id="app">
    <!-- 全部 -->
    <el-cantainer>
      <!-- 头部 -->
      <Header></Header>
      <!-- 主体 -->
      <el-cantainer>
        <router-view></router-view>
      </el-cantainer>
      <!-- 底部 -->
      <el-footer><i class="el-icon-loading"></i></el-footer>
    </el-cantainer>
    <play-music></play-music>
  </div>
</template>
<script>
import Header from './components/Header'
import playMusic from './components/playMusic'  
export default {
  name:'app',
  components: {
    Header,
    playMusic
  },
//   provide(){
//     return{
//       reload:this.reload
//     }
//   },
//   data() {
//   return {
//     card:"",
    
//   }
// },
// created() {
//   this.$vux.loading.show({ text: "正在加载" });
//   this.$api.cardInterface
//   .getCard({
//     //   cardId:"001"
//   })
//   .then(res => {
//     this.$vux.loading.hide();
//     console.log(res);
//     if (res.data.success) {
//       this.showCard = true;
//       this.card = res.data;
//     } else {
//       this.$vux.toast.show({ type: "cancel", text: "提交失败" });
//     }
//   })
//   .catch(err => {
//     this.$vux.loading.hide();
//     this.$vux.toast.show({ type: "warn", text: "Request failed" });
//     console.error(err);
//   });
// }
}
</script>

<style>
#app {
  widows: 100%;
}
/* .el-footer {
  height: 200px;
  background-color: #242424;
  width: 1580px;
} */
</style>
